<%@ taglib prefix="date" uri="http://www.springframework.org/tags/form" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html  ng-app="userFirst">
<head>
    <meta charset="utf-8">
    <title>智能报修系统——报修进度！</title>
    <link type="text/css"  rel="stylesheet" href="<%= request.getContextPath()%>resources/css/style.css" />
    <link rel="stylesheet" type="text/css" href="<%= request.getContextPath()%>resources/css/head.css"/>
    <link rel="stylesheet" type="text/css" href="<%= request.getContextPath()%>resources/css/staffLeft.css"/>
    <link rel="stylesheet" type="text/css" href="<%= request.getContextPath()%>resources/css/userFirst.css" />

    <%--交互样式所需css--%>
    <link rel="stylesheet" type="text/css" href="<%= request.getContextPath()%>resources/css/jNotify.jquery.css"/>

    <script type="text/javascript" src="<%= request.getContextPath()%>resources/js/jquery.js"></script><!--jquery压缩包-->
    <script type="text/javascript" src="<%= request.getContextPath()%>resources/js/script.js"></script><!--用户评分代码-->
    <script type="text/javascript" src="<%= request.getContextPath()%>resources/js/jquery.min.js"></script>	<!--另外一个jquery压缩包-->
    <script type="text/javascript" src="<%= request.getContextPath()%>resources/js/uploadImg.js" charset="utf-8"></script><!--上传图片的代码-->
    <script type="text/javascript" src="<%= request.getContextPath()%>resources/js/angular.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="<%= request.getContextPath()%>resources/js/userFirstController.js" charset="utf-8"></script>
</head>
<body ng-controller="userFirstController">
<!--页面的头部开始-->

<style>
    #operation a:link,a:visited,a:hover{
        text-decoration: none;
        color: #4e7500;
    }
</style>


<div id="head">
    <div id="head_con">
        <p class="title">智能报修系统</p>
        <div id="head_right">
            <a href="#">收件箱</a>
            <button id="downloadAPP">APP下载</button>
        </div>
    </div>
</div>
<!--页面的头部结束-->

<!--页面的左边开始-->
<div id="staffLeft">
    <div id="staffLeftCon">
        <div id="staffInfo" >
            <p class="staffName">{{user.userName}}</p>
            <p class="staffNum">{{user.userAccount}}</p>
            <p class="place">用户</p>
        </div>
        <div id="operation">
            <ul >
                <a href="/homePage"><li id="homepage"   >首页</li></a>
                <a href="/progressRepair"> <li  id="progressRepair" class="active" ng-click="baoxiujingdu()">报修进度</li></a>
                <a href="/historicalWorkList"><li  id="historicalWorkList"  ng-click="lookHistoryWork()">历史工单</li></a>
                <a HREF="/personalData"><li id="personalData" >个人资料</li></a>
            </ul>
        </div>
        <div class="phoneNum">
            {{servicephone.name}} :{{servicephone.content}}
        </div>
    </div>
</div>
<!--页面的左边结束-->

<!--报修进度开始-->
<div id="processing" class="search">
    <!--报修进度资料开始-->
    <div id="theTask" class="theTask">
        <ul class="taskbabel">
            <li>工单号:</li>
            <li>问题:</li>
            <li>运维人员:</li>
            <li>运维人员电话:</li>
            <li>创建时间：</li>
            <li>创建人:</li>
            <li>已耗时：</li>
        </ul>
        <form>
            <input class="input num" type="text" ng-model="jobnumber" /><br />
            <input class="input matter"  type="text"  ng-model="details"/><br />
            <input class="input people"  type="text" ng-model="userName" /><br />
            <input class="input tell" type="text"   ng-model="userPhone"/><br />
            <input class="input createTime " type="text" ng-model="dt3"/><br />
            <input class="input cratePeole"  type="text"  ng-model="userAccount"/><br />
            <input  class="input allTime" type="text" ng-model="dt1" /><br />
        </form>
    </div>
    <!--报修进度资料结束-->

    <!--评价和投诉开始-->
    <div id="remarkThrow" class="remarkThrow">

        <span>请为运维人员的表现打个分吧！</span>
        <p style="margin-top: 20px;margin-left: 36px;color:#4E7500;">只能评价一次哦！</p>

        <!--评价星星开始-->
        <div id="xzw_starSys">
            <div id="xzw_starBox">
                <ul class="star" id="star">
                    <li><a  title="1" ng-click="userRemark(jobnumber,1)"  class="one-star">1</a></li>
                    <li><a  title="2" ng-click="userRemark(jobnumber,2)"  class="two-stars">2</a></li>
                    <li><a  title="3" ng-click="userRemark(jobnumber,3)"  class="three-stars">3</a></li>
                    <li><a  title="4" ng-click="userRemark(jobnumber,4)"  class="four-stars">4</a></li>
                    <li><a  title="5" ng-click="userRemark(jobnumber,5)"  class="five-stars">5</a></li>
                </ul>
                <div class="current-rating" id="showb"></div>
            </div>
            <!--评价文字-->
            <div class="description"></div>
        </div>
        <!--评价星星结束-->

        <!--投诉开始-->
        <div id="thorw" class="theThrow">
            <img src="../../resources/img/2.png" class="thowPic" />
            <button class="throwButton" type="button"  ng-click="userComplain()">点击投诉</button>
        </div>
        <!--投诉结束-->

    </div>
    <!--评价和投诉结束-->

</div>
<!--报修进度结束-->



<!--版权声明开始-->
<div id="footer" class="footer">
    <p class="footerWord">版权所有&nbsp;四川旅游学院</p>
</div>
<!--版权声明结束-->

<script type="text/javascript" src="<%= request.getContextPath()%>resources/js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="<%= request.getContextPath()%>resources/js/jNotify.jquery.js"></script>

</body>

</html>

